<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet"  href="../css/booking_delivery.css">


</head>
<body>
    
    <div class="head">
        <div class="container">
            <div class="option-first">
                <img src="../img/sdkd_log.png">
            </div>
            <div class="option" id="app">
                <a href="HomePage.html" >首页</a>
            </div>
            <div class="option">
                <a href="#" style="color: #6EC4FB;">预约寄件</a>
            </div>
            <div class="option">
                <a href="bulk-delivery.html">批量寄件</a>
            </div>
            <div class="option" style="background-color: white;">
                <a href="service-head.html">查询服务</a>
            </div>
            <div class="option">
                <a href="">个人中心</a>
            </div>
            <div class="option-last">
                <a id="log-out" href="login-head.html">登录</a>
                <a id="log-in" href="login-head.html">欢迎</a>
            </div>
        </div>
    </div>
    <div class="middle-body">
        <div class="middle-head">
            <div class="middle-left">
                <div class="img">
                    <img style="width: 100%;height: 100%;" src="../img/send.svg">
                </div>
                <p class="title">
                    &nbsp;预约寄件
                </p>
                <p class="text">
                    （17点前下单，业务员当天收件，17点后下单次日收件）
                </p>
            </div>
            <div class="middle-right">
                <p class="text">
                    &thinsp; 效率更高 
                </p>
                <div id="bt" class="button">
                    <p class="href">批量寄件</p>
                </div>
                <p class="text">每天寄件超过50单，建议&thinsp;  </p>
            </div>
            
        </div>
        <div class="level">
            <hr style="height: 1px;background-color: #CCCCCC;border: none;">   
        </div>
        <form id="form" action="../addUserPage.do" method="post">
        <div class="middle-sender">
            <div class="sender-form">
                <div class="label">
                    <div class="square">寄</div>
                    <div class="triangle"></div>
                </div>
                <div class="send-main">
                    <div class="input-text">
                        <span>&emsp;&emsp;<span style="color: red;">*</span>姓名：&emsp;</span><input id="send-name-text" name ="sendName" type="text" class="input">
                        <button type="button" class="button" id="myBtn" >
                             <p class="href">地址薄</p>
                            <div id="myModal" class="modal">
                                <!-- Modal content -->
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <span id="close" class="close">x</span>
                                        <h2>模态框头部11111F</h2>
                                    </div>
                                    <div class="modal-body">
                                        <p>模态框上asfa的内容……</p>
                                        <p>模态asdfasdf框上的内容……</p>
                                    </div>
                                    <div class="modal-footer">
                                        <h3>模态asdfass框底部</h3>
                                    </div>
                                </div>

                            </div>

                        </button>
                    </div>
                    <div class="interval">
                        <p id="send-name-p" ></p>
                    </div>
                    <div class="input-text">
                        <span>&emsp;&emsp;<span  style="color: red;">*</span>电话：&emsp;</span><input id="send-phone-text" name = "sendPhone" type="text" class="input">
                    </div>
                    <div  class="interval">
                       <p id="send-phone-p" ></p>
                    </div>
                    <div class="input-text">
                        <span><span style="color: #ff0000;">*</span>所属区域：&emsp;</span><input id="send-area-text" name = "sendArea" type="text" class="input">
                    </div>
                    <div class="interval">
                        <p id="send-area-p" ></p>
                    </div>
                    <div class="input-text">
                    <span><span style="color: red;">*</span>详细地址：&emsp;</span><input id="send-address-text" name = "sendAddress" type="text" class="input">
                    
                    </div>
                    <div class="interval">
                        <p id="send-address-p"></p>
                    </div>
                    <div class="checkbox">
                        <input class="checkbox-a" name='subject' type="checkbox" value="Chinese" /><label id="label-a" class="label-a">&emsp;保存到常用地址薄</label>
                        <a id="myBtn1" style="cursor: pointer">智能解析地址</a>
                        <div id="myModal1" class="modal">
                            <!-- Modal content -->
                            <div class="modal-content">
                                <div class="modal-header">
                                    <span id="close1" class="close">x</span>
                                    <h2>模态框头部11111B</h2>
                                </div>
                                <div class="modal-body">
                                    <p>模态框上的内容……</p>
                                    <p>模态框上的内容……</p>
                                </div>
                                <div class="modal-footer">
                                    <h3>模态框底部</h3>
                                </div>
                            </div>
                        </div>
                    </div>     
                </div>
            </div>
            <div  class="sender-login">

                <div style="display:none" id="login-true" class="member">
                    <div class="freight">
                        <span>运费时效查询</span>
                    </div>
                    <div class="origin">
                        <div class="left">
                            <p >始发地 :</p>
                        </div>
                        <input placeholder="请输入内容" class="right" type="text">
                    </div>
                    <div class="interval">

                    </div>
                    <div class="origin">
                        <div class="left">
                            <p>目的地 :</p> 
                        </div>
                        <input placeholder="请输入内容" class="right" type="text">
                    </div>
                    <div class="interval">
                        
                    </div>
                    <div class="interval">
                        
                    </div>
                   <div class="weight">
                        <div class="left">
                            首重:
                        </div>
                        <div class="right">
                            0 元/kg
                        </div>
                   </div>
                   <div class="interval">
                        
                </div>
                <div class="weight">
                    <div class="left">
                        续重:
                    </div>
                    <div class="right">
                        0 元/kg
                    </div>
               </div>
               <div class="interval">
                        
                </div>
                <div class="explain">
                    说明：此报价为指导价仅供参考，详询中通当地营业网点。
                </div>
                </div>


                <div  id="login-false" class="member">
                    <ul>
                        <li class="title">会员登录下单好处多</li>
                        <li>
                            <div class="img">
                                <img src="../img/location.svg">
                            </div>
                            &thinsp; 登陆后可使用地址簿，寄件更便捷！
                        </li>
                        <li>
                            <div class="img">
                                <img src="../img/note.svg">
                            </div>
                            &thinsp; 快件路由订阅、快件信息管理、批量下单
                        </li>
                        <li>
                            <div class="img">
                                <img src="../img/cup.svg">
                            </div>
                            &thinsp; 更多特权逐渐开放中
                        </li>
                        <li>
                            <button type="button">立即登录</button>&nbsp;或&nbsp;<a href="#">注册成为瞬达会员</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="middle-addressee">
            <div class="label">
                <div class="square">收</div>
                <div class="triangle"></div>
            </div>
            <div class="addressee-left">
                <div class="address-main">
                    <div class="input-text">
                        <span>&emsp;&emsp;<span style="color: red;">*</span>姓名：&emsp;</span><input id="recevice-name-text" name="receiveName" type="text" class="input">
                        <button type="button" class="button" id="myBtn2" >
                            <div id="myModal2" class="modal">
                                <!-- Modal content -->
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <span id="close2" class="close">x</span>
                                        <h2>模态框头部1111G</h2>
                                    </div>
                                    <div class="modal-body">
                                        <p>模态框上的内容……</p>
                                        <p>模态框上的内容……</p>
                                    </div>
                                    <div class="modal-footer">
                                        <h3>模态框底部</h3>
                                    </div>
                                </div>
                            </div>
                            <p class="href">地址薄</p>
                        </button>
                    </div>
                    <div class="interval">
                        <p id="recevice-name-p"></p>
                    </div>
                    <div class="input-text">
                        <span>&emsp;&emsp;<span style="color: red;">*</span>电话：&emsp;</span><input id="recevice-phone-text" name="receivePhone" type="text" class="input">
                    </div>
                    <div class="interval">
                        <p id="recevice-phone-p"></p>
                    </div>
                    <div class="input-text">
                        <span><span style="color: red;">*</span>所属区域：&emsp;</span><input type="text" id="recevice-area-text" name ="receiveArea" class="input">
                    </div>
                    <div class="interval">
                        <p id="recevice-area-p"></p>
                    </div>
                    <div class="input-text">
                    <span><span style="color: red;">*</span>详细地址：&emsp;</span><input type="text" id="recevice-address-text" name="receiveAddress" class="input">
                    
                    </div>
                    <div class="interval">
                        <p id="recevice-address-p"></p>
                    </div>
                    <div id="check-b" class="checkbox">
                        <input class="checkbox-b" name='subject' type="checkbox" value="Chinese" /><label id="label-b" class="label-b">&emsp;保存到常用地址薄</label>
                        <a id="myBtn3" style="cursor: pointer">智能解析地址</a>
                        <div id="myModal3" class="modal">
                            <!-- Modal content -->
                            <div class="modal-content">
                                <div class="modal-header">
                                    <span id="close3" class="close">x</span>
                                    <h2>模态框头部1111H</h2>
                                </div>
                                <div class="modal-body">
                                    <p>模态框上的内容……</p>
                                    <p>模态框上的内容……</p>
                                </div>
                                <div class="modal-footer">
                                    <h3>模态框底部</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="addressee-right">
                <div class="information">
                    物品类型：
                    <select name="pageType" class="select">
                        <option  value ="文件">文件</option>
                        <option  value ="数码产品">数码产品</option>
                        <option  value="生活用品">生活用品</option>
                        <option  value="服饰">服饰</option>
                        <option  value="食品">食品</option>
                        <option  value="其它">其它</option>
                    </select>
                </div>
                <div id="information" class="information">
                    预估重量：
                    <input class="radio" checked="checked" id="one" type="radio" name ="rdSpeed" value="1"><span class="one">&nbsp;&nbsp;1KG</span>
    　　            <input class="radio" id="two" type="radio" name ="rdSpeed" value="2"><span class="two">&nbsp;&nbsp;2KG</span>
    　　            <input class="radio" id="three" type="radio" name ="rdSpeed" value="3"><span class="three">&nbsp;&nbsp;3KG</span>
                    <input class="radio" id="other" type="radio" name ="rdSpeed"  value="0"><span class="other">&nbsp;&nbsp;其它</span>
                    <div class="bt-weight">
                        <div class="bt-input">
                            <input class="bt-in" name="rdSpeed" type="text" disabled='disabled' readonly>
                        </div>
                        <div class="bt-bt">
                            <button style="height: 16px;" type="button" id="bt-add" class="top" disabled='disabled'>
                                <img width="100%" height="100%" src="../img/up.svg" alt="">
                            </button>
                            <button  style="height:16px;" type="button" id="bt-sub" class="bottom" disabled='disabled'>
                                <img width="100%" height="100%" src="../img/down.svg" alt="">
                            </button>
                        </div>
                      
                    </div>
                </div>
                
                <div  id="info" class="information">
                    提醒快递员：
                    <span class="prompt" onclick="">
                       请带纸箱<input  value="请带纸箱" type="hidden" />
                    </span>
                    <span  class="prompt" onclick="">
                       需爬楼梯<input  value="需爬楼梯" type="hidden" />
                    </span>
                    <span class="prompt" onclick="">
                       缺文件夹<input  value="缺文件夹" type="hidden" />
                    </span>
                    <span class="prompt" onclick="">
                       来前电话<input  value="来前电话" type="hidden" />
                    </span>
                    <span class="prompt" onclick="">
                       请带面单<input  value="请带面单" type="hidden" />
                    </span>
                    <div class="prompt-top">
                        <span class="prompt" onclick="">
                           我没胶带<input  value="我没胶带" type="hidden" />
                        </span>
                    </div>
                    
                </div>
                <div id="aaa" class="information">
                    <textarea name="remarkText" class="textarea" placeholder="请输入内容" rows="3" cols="20"></textarea>
                </div>
            </div>
            <div class="addressee-middle">         

            </div>
        </div>
<!--        <a href="#" class="middle-add-addressee">-->
<!--            <div class="p">-->
<!--                添加收件人-->
<!--            </div>-->
<!--        </a>-->
        <div class="middle-regulations">
            <div class="agreement">
                <div class="left">
                    <input class="checkbox-agree" name='subject' type="checkbox" value="Chinese" /><label class="agree-label" >&nbsp;&nbsp;同意并接受</label>
                </div>
                <div class="right">
                    <a href="#">"快递服务协议"</a> <a href="#">"隐私政策"</a>
                </div>
            </div>
            <button class="button">
                立即下单
            </button>
        </div>
        </form>     
    </div>
    
    <div class="foot">
        <div class="top">
            <div class="top-body">
                <div class="middle">
                    <div class="href" style="margin-top: 30px;">
                        <div class="img">
                            <img src="../img/outlets.svg">
                        </div>
                        &emsp;网点查询
                    </div>
                    <div class="href">
                        <div class="img">
                            <img src="../img/service.svg">
                        </div>
                        &emsp;产品服务
                    </div>
                </div>
                <div class="middle">
                    <div class="href" style="margin-top: 30px;">
                        <div class="img">
                            <img src="../img/prescription.svg">
                        </div>
                        &emsp;运费时效
                    </div>
                    <div class="href">
                        <div class="img">
                            <img src="../img/prohibit.svg">
                        </div>
                        &emsp;禁寄物品
                    </div>
                    <div class="in">

                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../img/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../img/weixin.svg">
                    </div>
                    <div class="text">
                        &emsp;微信公众号
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../img/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../img/qq.svg">
                    </div>
                    <div class="text">
                        &emsp;QQ公众号
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../img/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../img/alipay.svg">
                    </div>
                    <div class="text">
                        &emsp;支付宝服务窗
                    </div>
                </div>
                <div class="qr_code">
                    <div class="main">
                        <img src="../img/1.png" style="width: 100%;height: 100%;">
                    </div>
                    <div class="img">
                        <img src="../img/app.svg">
                    </div>
                    <div class="text">
                        &emsp;瞬达APP
                    </div>
                </div>
                <div class="interval">
                </div>
                <div class="logo">
                    <img src="../img/2.png">
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="text">
                瞬达快递 版权所有 <a href="#">沪ICP备13044869号</a>
            </div>
        </div>
    </div>
    <h2>模态框</h2>


    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../layer/layer.js"></script>
    <script src="../js/booking_delivery.js"></script>
    <script>
        $.ajax({
            url: "http://localhost:8080/admin/test",
            async: false,
            dataType: "json",
            type: "post",
            success: function (data) {
                console.log(data)
                if(1 == data.code){
                    $("#log-in").show();
                    $("#log-out").hide();
                    $("#login-true").show();
                    $("#login-false").hide();

                }else if(2 == data.code){
                    $("#log-in").hide();
                    $("#log-out").show();
                    $("#login-true").hide();
                    $("#login-false").show();
                    //$("#login-out").append("123");
                }
            }
        }, "json")
    </script>
</body>
</html>